<!doctype html>
<html class="no-js" lang="zxx" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">

    <title>课堂-成员</title>

    <link rel="stylesheet" href="../../static/css/vendor/ion-fonts.css">
    <link rel="stylesheet" href="../../static/css/vendor/bootstrap.min.css">
    <link rel="stylesheet" href="../../static/css/style.css">
    <link rel="stylesheet" href="../../static/test/ziy/common.css">
    <link rel="stylesheet" href="../../static/test/ziy/iconfont.css">
    <link rel="stylesheet" href="../../static/test/topicDiscusscss/topic.css">
    <script src="../../static/js/vendor/jquery-1.12.4.min.js"></script>
    <script src="../../static/js/vendor/bootstrap.min.js"></script>
</head>

<body>

    <div class="main-wrapper">

        <header class="header-main_area">
            <div class="header-top_area">
                <div class="container">
                    <div class="row" style="height: 45px;">
                        <div class="col-lg-4">
                            <div class="ht-left_area in-header return">
                                <a class="return" style="top: 5px;" href="../index/index.html" th:href="@{'../../index/index/'+${id}}">
                                    <span style="background:#fed100;color:#333333;"><i class="iconfont iconfanhui" style="color: black;"></i>课堂名称</span>
                                </a>
                            </div>
                        </div>

                        <div class="col-lg-8">
                            <div class="ht-right_area">
                                <div class="ht-menu">
                                    <ul>
                                        <li><a href="#"></a></li>
                                        <li><a href=""></a></li>
                                        <li><a href="/user/personal"><i class="ion-person"></i>个人中心</a></li>
                                        <li><a href="/doLogout"><i class="ion-log-out"></i>退出用户</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </header>

    </div>

    <!--------------------------------------------话题---------------------------->
    <div style="height: 20px;">

    </div>

    <div class="container2" style="border: 1px  solid #CCC ; ">
        <!-- 话题topic -->
        <section id="topic" class="topictitle">
            <header class="topic_header">
                <p class="topic_title">
                    发的发 话题标题
                    <span id="FocusOn">

							+关注
					</span>
                </p>
                <p class="topic_dis">

                    发的说法 话题讨论
                </p>


            </header>
            <div class="topic_content">
                <p>发的说法发的说法发的说法发的说法 话题内容<p>
            </div>
            <footer class="topic_footer" data-id="387203">
                <img src="../../static/test/topicDiscusscss/26.png">
                <span class="topic_author">方良柯</span>
                <span class="topic_time">发布于06月27日&nbsp;&nbsp;11:53</span>

            </footer>
            <div class="praise">

                <a href="javascript:;" id="praise" style="background-color: #ccc;"> 0 </a>

                <p id="praisep">

                    <span class="praise_tips_none">暂无点赞</span>
                    <span class="praise_tips hide2">等已点赞</span>

                </p>
            </div>
        </section>
        <   <!--------------------------------------------话题 end---------------------------->
        <!------------------------------------------------------- 评论comment -->
        <section id="comment" class="topictopicclear">
            <a href="javascript:;" class="headbig" id="username" data-username="方良柯">
                <img id="myphoto" class="headbig" src="../../static/test/topicDiscusscss/26.png">
            </a>
            <div class="input-comment-area">
                <textarea id="comment_input" placeholder="说点什么" style="display:block;width: 100%;padding:10px 20px;height: 112px;color: #444;resize:none;font-size: 14px;font-family: pingfang;box-sizing: border-box;border-radius: 5px;"></textarea>
                <div class="annex-box"></div>

                    <div class="switchbutton">
                        <input class="switchbutton-checkbox" id="onoffswitch" type="checkbox">
                        <label class="switchbutton-label" for="onoffswitch">
                            <span class="switchbutton-inner" data-on="匿名" data-off="实名"></span>
                            <span class="switchbutton-switch"></span>
                        </label>
                    </div>
                    <button id="submit_comment" style="vertical-align: middle;">发表评论</button>

            </div></section>
        <!-- 评论comment end -->
        <!-- 精选回复 -->
        <section id="starcomment" class="topicclear"></section>
        <!-- 精选回复end -->
        <!-- 全部回复 -->
        <section id="allcomment" class="topicclear"><h4 class="title">全部评论</h4>


            <div data-id="MDAwMDAwMDAwMLOspdyG38mwhctyoQ" class="comment topicclear commentdisucss comment-id-MDAwMDAwMDAwMLOspdyG38mwhctyoQ">
                <a class="headbig" href="javascript:;">
                    <img src="../../static/test/topicDiscusscss/26.png">
                    <p style="margin-top: 5px;">方良柯</p>
                </a>
                <div class="comment_right">对方是否

                </div>
                <p class="right comment_bottom" data-id="MDAwMDAwMDAwMLOspdyG38mwhctyoQ">
                    <span>3楼</span>
                    <span>23:16</span>
                    <span>08月30日</span>

                    <a class="delete" href="javascript:;" data-id="MDAwMDAwMDAwMLOspdyG38mwhctyoQ">删除</a>

                    <a class="dianzan" href="javascript:;">1</a>
                    <a class="allreseponse" href="javascript:;">回复</a>
                </p>
                <div class="allresponse_list">

                </div>

                <div class="clear"></div>
                <div class="huifu" style="padding: 20px;">

                    <div class="allhuifu" style="margin-top: 0px;">
                        <div class="contenteditable" placeholder="谈谈你的看法" contenteditable="true"></div>
                        <p style="margin-top: 20px;text-align: right;">
                            <a href="javascript:;" class="giveup">取消</a>
                            <input type="button" name="" value="发布" class="release" data-id="MDAwMDAwMDAwMLOspdyG38mwhctyoQ">
                        </p>
                    </div>
                </div>
            </div>

            <div data-id="MDAwMDAwMDAwMLOspdyG36uvhMtyoQ" class="comment topicclear commentdisucss comment-id-MDAwMDAwMDAwMLOspdyG36uvhMtyoQ">
                <a class="headbig" href="javascript:;">
                    <img src="../../static/test/topicDiscusscss/26.png">
                    <p style="margin-top: 5px;">方良柯</p>
                </a>
                <div class="comment_right">快乐苦熬了<br>

                </div>
                <p class="right comment_bottom" data-id="MDAwMDAwMDAwMLOspdyG36uvhMtyoQ">
                    <span>2楼</span>
                    <span>11:40</span>
                    <span>08月30日</span>

                    <a class="delete" href="javascript:;" data-id="MDAwMDAwMDAwMLOspdyG36uvhMtyoQ">删除</a>

                    <a class="dianzan" href="javascript:;">0</a>
                    <a class="allreseponse" href="javascript:;">回复</a>
                </p>
                <div class="allresponse_list">

                    <div class="topicclear lou">
                        <p class="reseponse_name">
                            <img class="headsmall" src="../../static/test/topicDiscusscss/26.png">
                            <span>方良柯</span>:
                        </p>
                        <div class="reseponse_content">我认为你说的对</div>
                        <p class="right">

                            <a class="delete" href="javascript:;" data-id="MDAwMDAwMDAwMLOspdyHz7dthrVyoQ">删除</a>

                            <span>09:19</span>
                            <span>09月02日</span>
                            <a class="reseponselou" href="javascript:;">回复</a>
                        </p>
                    </div></div>

                <div class="clear"></div>
                <div class="huifu">

                    <div class="allhuifu" style="height: 0;">
                        <div class="contenteditable" placeholder="谈谈你的看法" contenteditable="true"></div>
                        <p style="margin-top: 20px;text-align: right;">
                            <a href="javascript:;" class="giveup">取消</a>
                            <input type="button" name="" value="发布" class="release" data-id="MDAwMDAwMDAwMLOspdyG36uvhMtyoQ">
                        </p>
                    </div>
                </div>
            </div>

            <div data-id="MDAwMDAwMDAwMLOcz5SIubuyhNtyoQ" class="comment topicclear commentdisucss comment-id-MDAwMDAwMDAwMLOcz5SIubuyhNtyoQ">
                <a class="headbig" href="javascript:;">
                    <img src="../../static/test/topicDiscusscss/26.png">
                    <p style="margin-top: 5px;">王思铭</p>
                </a>
                <div class="comment_right">模板做好了吗

                </div>
                <p class="right comment_bottom" data-id="MDAwMDAwMDAwMLOcz5SIubuyhNtyoQ">
                    <span>1楼</span>
                    <span>13:09</span>
                    <span>06月27日</span>

                    <a class="delete" href="javascript:;" data-id="MDAwMDAwMDAwMLOcz5SIubuyhNtyoQ">删除</a>

                    <a class="dianzan" href="javascript:;">0</a>
                    <a class="allreseponse" href="javascript:;">回复</a>
                </p>
                <div class="allresponse_list">

                </div>

                <div class="clear"></div>
                <div class="huifu">

                    <div class="allhuifu" style="height: 0;">
                        <div class="contenteditable" placeholder="谈谈你的看法" contenteditable="true"></div>
                        <p style="margin-top: 20px;text-align: right;">
                            <a href="javascript:;" class="giveup">取消</a>
                            <input type="button" name="" value="发布" class="release" data-id="MDAwMDAwMDAwMLOcz5SIubuyhNtyoQ">
                        </p>
                    </div>
                </div>
            </div>

        </section>
        <!-- 全部回复  end-->
        <div id="shadow-image"></div>
    </div>
    <!------------------------------------------------------- 评论comment end------------------------------>
<script type="text/javascript">
    //点击回复
    $('.allreseponse').click(function () {
       // $('.huifu').attr('style','padding: 20px;');
        var it=$(this).parent().siblings('.huifu');
        it.attr('style','padding: 20px;');
        it.children().attr('style','margin-top: 0px;');
    })

    //点击取消
    $('.giveup').click(function () {
        $(this).parents('.allhuifu').attr('style','height: 0;');
        $(this).parents('.huifu').removeAttr('style');
    })
</script>
</body>

</html>

